<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:70:"D:\phpstudy_pro\WWW\nmg001\public/../application/home\view\my\pay.html";i:1657952453;s:68:"D:\phpstudy_pro\WWW\nmg001\application\home\view\public\footer3.html";i:1654363884;}*/ ?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title><?php echo $setting['webname']; ?>-报名记录</title>
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
  <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=1"/>-->
  <!--<meta content="yes" name="apple-mobile-web-app-capable"/>-->
  <!--<meta content="black" name="apple-mobile-web-app-status-bar-style"/>-->
  <!--<meta content="telephone=no" name="format-detection"/>-->
  <link rel="shortcut icon" href="/public/static/admin/uploads/set/<?php echo $setting['ico']; ?>">
  <link type="text/css" rel="stylesheet" href="/public/static/home/themes/css/base.css">
  <link type="text/css" rel="stylesheet" href="/public/static/home/themes/css/home.css">
  <script type="text/javascript" src="/public/static/home/themes/js/jquery.min.js"></script>
  <script type="text/javascript" src="/public/static/home/themes/js/slider.js"></script>
  <script type="text/javascript" src="/public/static/home/themes/js/tab.js"></script>
  <style>
    .qrcode li{
      width: 160px;
      /* float: left; */
      margin-left: auto;
      margin-right: auto;
      margin-top: 0px;
      margin-bottom: 0;
      text-align: center;
      height: 230px;
      max-width: 210px;
    }
    .qrcode li img{
      width: 100%;
      height: auto;
      pointer-events: all;
      position: relative;
      z-index: 999;
    }
    .paytext h3{
      font-size:1rem;
      margin:5px 0;
      color: #03b24d;
    }
    .paytext h4{
      font-size:1rem;
      margin:5px 0;
      text-align: center;
      color: #b20847;
    }
    .paytext p{
      font-size:0.5rem;
    }
    #form1{
      width:88%;
      margin:0 auto;
    }
    #form1 input[name=payid]{
      width: 100%;
      display: block;
      margin: 15px auto;
      height: 40px;
      border-radius: 5px;
      color:#999;
      border:0;
      outline:none;
      border:1px solid #999;
      padding-left:5px;
    }
    #form1 h5{
      font-size:1rem;
      margin:10px auto;
    }
    .submit-btn{
      width: 100%;
      border:0;
      outline: none;
      background:#03b24d;
      color:#fff;
      height:40px;
      display: block;
      margin: 17px auto;
      border-radius: 20px;
    }
    input[type="radio"]{
      background:#03b24d;
    }
    .aui-flexView{
      width:100%;

    }
    .title:nth-child(1){
      margin-top:15px;
    }
    .title{
      width:90%;
      margin:0 auto;
      height:30px;
      font-size:15px;
      line-height:30px;
      border-radius:0 30px 0 30px;
      background: #03b24d;
      color:#fff;
      padding-left:15px;
    }
    .rdo{
      float: left;
    }
    .rdo:nth-of-type(1){
      margin-right:15px;
    }
    input[type="radio"] + label::before {
      content: " ";
      display: inline-block;
      vertical-align: middle;
      width: .853333rem;
      height: .853333rem;
      border-radius: 50%;
      border: .064rem solid #03b24d;
      margin-right: .213333rem;
      box-sizing: border-box;
    }
    input[type="radio"]:checked + label::before {
      background-color: #03b24d;
      background-clip: content-box;
      padding: .149333rem;
      box-sizing: border-box;
    }
    input[type="radio"] {
      position: absolute;
      clip: rect(0, 0, 0, 0);
    }
  </style>
</head>
<body>

<section class="aui-flexView">



  <header class="aui-navBar aui-navBar-fixed b-line">
    <a href="javascript:history.back(-1)" class="aui-navBar-item">
      <i class="icon icon-return"></i>
    </a>
    <div class="aui-center">
      <span class="aui-center-title">扫码支付</span>
    </div>
    <a href="javascript:;" class="aui-navBar-item">
      <i class="icon icon-sys"></i>
    </a>
  </header>
  <section class="aui-scrollView">
    <section class="_li" style="margin-top: 15px;">
      <section
              style="background-color:#e0fee3;border-radius: 0px 0px 55px 0px;width: 52px;height: 47px;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);">
        <p style="text-align: center;color:#a3d7a1;"><strong><span
                style="font-size: 24px;"><em>01</em></span></strong></p>
      </section>
      <section style="margin-left: 5px;margin-top:-40px;">
        <section style="margin-left:5px;">
          <section
                  style="background-color: #fefefe;display: inline-block;width: 48px;height: 50px;border-radius: 0px 0px 45px;border-right: 2px dashed #62bd5f;border-bottom: 2px dashed #62bd5f;box-sizing: border-box;">
            <br></section>
        </section>
        <section style="margin-top: -56px;">
          <section style="background-color: #fefefe;padding: 6px;box-sizing: border-box;">
            <section style="border-top: 2px dashed #62bd5f;width: 91%;margin-left: auto;box-sizing: border-box;"
                     data-width="91%"><br></section>
            <section style="margin-top: -20px;border-right: 2px dashed #62bd5f;border-bottom: 2px dashed #62bd5f;border-left: 2px dashed #62bd5f;border-top: none;box-sizing: border-box;">
              <section style="width: 90%;margin-right: auto;margin-left: auto;border-bottom: 2px solid #a3d7a1;padding: 8px;box-sizing: border-box;"
                      data-width="90%">
                <section
                        style="color:#03b24d;letter-spacing: 2px;text-align: left;line-height: 1.75em;font-size: 15px;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);">
                  <p style="text-align: center;"><strong><span
                          style="font-size: 19px;">第一步：保存付款码<br/><span style="font-size:14px;">（微信可直接识别付款码）</span></span></strong></p>
                </section>
              </section>
              <section style="padding: 13px;box-sizing: border-box;">
                <section style="color:#999999;letter-spacing: 2px;text-align: left;line-height: 1.75em;font-size: 15px;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);">
                  <p>
                  <ul class="qrcode">
                    <li>
                      <img src="/public/static/admin/uploads/set/<?php echo $setting['wx_qrcode']; ?>" alt="" class="setting_wxqrcode" style="display: block;-webkit-touch-callout: none;"/>
                      <div>微信付款码</div>
                    </li>
                    <!--<li>-->
                    <!--  <img src="$setting.alipay_qrcode}" alt="">-->
                    <!--  <div>支付宝付款码</div>-->
                    <!--</li>-->
                  </ul>
                  <div style="clear:both"></div>
                  </p>
                </section>
              </section>
            </section>
          </section>
        </section>
      </section>
    </section>
    <section class="_li" style="margin-top: 15px;">
      <section
              style="background-color:#e0fee3;border-radius: 0px 0px 55px 0px;width: 52px;height: 47px;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);">
        <p style="text-align: center;color:#a3d7a1;"><strong><span
                style="font-size: 24px;"><em>02</em></span></strong></p>
      </section>
      <section style="margin-left: 5px;margin-top:-40px;">
        <section style="margin-left:5px;">
          <section
                  style="background-color: #fefefe;display: inline-block;width: 48px;height: 50px;border-radius: 0px 0px 45px;border-right: 2px dashed #62bd5f;border-bottom: 2px dashed #62bd5f;box-sizing: border-box;">
            <br></section>
        </section>
        <section style="margin-top: -56px;">
          <section style="background-color: #fefefe;padding: 6px;box-sizing: border-box;">
            <section style="border-top: 2px dashed #62bd5f;width: 91%;margin-left: auto;box-sizing: border-box;"
                     data-width="91%"><br></section>
            <section
                    style="margin-top: -20px;border-right: 2px dashed #62bd5f;border-bottom: 2px dashed #62bd5f;border-left: 2px dashed #62bd5f;border-top: none;box-sizing: border-box;">
              <section
                      style="width: 90%;margin-right: auto;margin-left: auto;border-bottom: 2px solid #a3d7a1;padding: 8px;box-sizing: border-box;"
                      data-width="90%">
                <section
                        style="color:#03b24d;letter-spacing: 2px;text-align: left;line-height: 1.75em;font-size: 15px;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);">
                  <p style="text-align: center;"><strong><span
                          style="font-size: 19px;">第二步：填写付款信息完成支付</span></strong></p>
                </section>
              </section>
              <section style="padding: 13px;box-sizing: border-box;">
                <section
                        style="color:#999999;letter-spacing: 2px;text-align: left;line-height: 1.75em;font-size: 15px;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);">
                  <p>   <form action="" id="form1">
                  <div>
                    <h5>请选择支付类型</h5>
                    <div class="rdo">
                      <input name="paytype" id="female1" type="radio" value="微信" checked>
                      <label for="female1">微信</label>
                    </div>
                    <!--<div class="rdo">-->
                    <!--  <input name="paytype" id="female2" value="支付宝" type="radio">-->
                    <!--  <label for="female2">支付宝</label>-->
                    <!--</div>-->

                  </div>
                  <div style="clear: both"></div>
                  <div>
                    <h5>请输入报名学生真实姓名</h5>
                    <input type="text" name="payid" id="payid" placeholder="请输入报名学生真实姓名">
                  </div>
                  <div>
                    <button type="button" class="submit-btn">我已完成支付</button>
                  </div>
                </form>
                  </p>
                </section>
              </section>
            </section>
          </section>
        </section>
      </section>
    </section>
  </section>

  <link href="/public/static/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<footer class="aui-footer">
    <a href="<?php echo url('Indexs/index'); ?>" class="aui-tabBar-item ">
            <span class="aui-tabBar-item-icon">
                <i class="icon icon-home"></i>
            </span>
        <span class="aui-tabBar-item-text">首页</span>
    </a>
    <a href="<?php echo url('My/register'); ?>" class="aui-tabBar-item ">
            <span class="aui-tabBar-item-icon">
                <i class="fa fa-user-plus" style="font-size:18px !important;"></i>
            </span>
        <span class="aui-tabBar-item-text">我要报名</span>
    </a>
    <!--<a href="news.html" class="aui-tabBar-item">-->
    <!--    <span class="aui-tabBar-item-icon">-->
    <!--        <i class="icon icon-find"></i>-->
    <!--    </span>-->
    <!--    <span class="aui-tabBar-item-text">消息</span>-->
    <!--</a>-->
    <!--<a href="community.html" class="aui-tabBar-item">-->
    <!--    <span class="aui-tabBar-item-icon">-->
    <!--        <i class="icon icon-comm"></i>-->
    <!--    </span>-->
    <!--    <span class="aui-tabBar-item-text">社区</span>-->
    <!--</a>-->
    <a href="<?php echo url('My/index'); ?>" class="aui-tabBar-item aui-tabBar-item-active">
            <span class="aui-tabBar-item-icon">
                <i class="icon icon-car"></i>
            </span>
        <span class="aui-tabBar-item-text">我的</span>
    </a>
</footer>
</section>


<script src="/public/static/admin/layui/layui.js"></script>

<script type="text/javascript">


  layui.use('upload', function() { //独立版的layer无需执行这一句
    var $ = layui.jquery, layer = layui.layer, upload = layui.upload; //独立版的layer无需执行这一句
    /*
     * 点击提我已完成支付
     */
    $(".submit-btn").on("click",()=>{
      //获取到表单数据
      var form = $("#form1").serializeArray();
      var data = {}
      $.each(form,function(){
        data[this.name] = this.value
      })
      data['id']= <?php echo $id; ?>;
      // console.log(data)
      if(data['payid'] == ""){
        layer.msg("请输支付的入微信昵称",{time:2000,shade:0.5})
        $("#payid").focus();
      }else {
        //发送数据到控制器
        $.post("<?php echo url('My/finishPay'); ?>", data, function (data) {
          layer.msg(data.msg, {time: 2000, shade: 0.5}, function () {
            if (data.url) {
              window.location.href = data.url;
            }
          });
        })
      }
    })
   /*
    * 点击图片放大
    */
   $(".setting_wxqrcode").on("click",function(){
     var imgSrc=$(this).attr('src');
     layer.open({
       type:1
       ,title:false
       ,closeBtn:0
       ,shade:1
       ,skin:'layui-layer-nobg'
       ,shadeClose:true
       ,content:'<div style="padding-top:-64px;"><img style="width:100%;height:100%;padding-top:-64px;" class="layui-upload-img" src="'+ imgSrc +'"/></div>'
       ,scrollbar:false
     })
   })
  })
</script>
</body>
</html>